<template>
	<div>
		<div class="breadcrumb">
			<el-breadcrumb separator="/">
				<el-breadcrumb-item>{{$store.state.company.companyName}}</el-breadcrumb-item>
				<el-breadcrumb-item>专家技术</el-breadcrumb-item>
				<el-breadcrumb-item>团队管理</el-breadcrumb-item>
			</el-breadcrumb>
		</div>
		<div class="tableNavBox">
			<specialistGroupList ref="specialistGroupList"></specialistGroupList>
			<specialistGroupMenber style="margin-top: 40px;" ref="specialistGroupMenber"></specialistGroupMenber>
		</div>
	</div>
</template>

<script>
	import specialistGroupList from './components/specialistGroupList.vue'
	import specialistGroupMenber from './components/specialistGroupMenber.vue'
	export default {
		components: {
			specialistGroupList,
			specialistGroupMenber
		},
		data() {
			return {
				companyId: '',
				companyName: this.$store.state.company.companyName,
				userId: '',
				tableData: [{}]
			}
		},
		created() {
			this.$store.commit('industrialis_leftNavIndex', 12)
		},
		mounted() {
			// this.$store.commit('set_teamNavIndex', 212)
			let store = this.$store.state.user
			this.userId = store.userInfo.id

			this.companyId = this.$store.state.company.selectCompanyId ?
				this.$store.state.company.selectCompanyId : this.$store.state.company.companyId

		},
		watch: {


		},
		methods: {
			paginaClick(val) {

			}
		}
	}
</script>

<style scoped="scoped">
	.breadcrumb,
	.tableNavBox {
		padding: 20px;
	}

	.tableNavBox {
		padding-top: 0;
	}

	.tableTitle {
		font-size: 16px;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #333333;
		line-height: 30px;
	}

	.menberConTitle {
		width: 100%;
		background: #F3F3F3;
		text-align: left;
		padding: 5px 20px;
		/* margin-bottom: 20px; */
		/* margin-top: 20px; */
	}

	.topButton {
		width: 78px;
	}
	
</style>
